<template>
  <svg
    width="280"
    height="180"
    viewBox="0 0 280 180"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="280" height="180" fill="var(--el-fill-color-light)" />
    <g filter="url(#filter1_d_12777_163851)">
      <rect
        x="91"
        y="60"
        width="96"
        height="77"
        rx="2"
        fill="var(--el-bg-color-overlay)"
      />
    </g>
    <rect
      x="179"
      y="68"
      width="53"
      height="4"
      rx="2"
      transform="rotate(90 179 68)"
      fill="url(#paint0_linear_12777_163851)"
    />
    <rect
      x="99"
      y="125"
      width="72"
      height="4"
      rx="2"
      fill="url(#paint1_linear_12777_163851)"
    />
    <rect
      x="99"
      y="68"
      width="72"
      height="53"
      rx="2"
      fill="url(#paint2_linear_12777_163851)"
    />
    <rect
      x="99"
      y="68"
      width="72"
      height="53"
      rx="2"
      fill="url(#paint3_linear_12777_163851)"
    />
    <defs>
      <filter
        id="filter0_d_12777_163851"
        x="77.6667"
        y="20.6667"
        width="50.6667"
        height="50.6667"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="6.66667" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_12777_163851"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_12777_163851"
          result="shape"
        />
      </filter>
      <filter
        id="filter1_d_12777_163851"
        x="85"
        y="54"
        width="108"
        height="89"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="3" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_12777_163851"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_12777_163851"
          result="shape"
        />
      </filter>
      <linearGradient
        id="paint0_linear_12777_163851"
        x1="232"
        y1="70"
        x2="179"
        y2="70"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#FF0000" />
        <stop offset="0.156514" stop-color="#EB00FF" />
        <stop offset="0.306134" stop-color="#2400FF" />
        <stop offset="0.442454" stop-color="#00FFF0" />
        <stop offset="0.582099" stop-color="#24FF00" />
        <stop offset="0.721744" stop-color="#FFE600" />
        <stop offset="0.85474" stop-color="#FF5C00" />
        <stop offset="1" stop-color="#FF0000" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_12777_163851"
        x1="171"
        y1="127"
        x2="99"
        y2="127"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="var(--el-color-primary)" />
        <stop offset="1" stop-color="white" stop-opacity="0" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_12777_163851"
        x1="171"
        y1="95"
        x2="99"
        y2="95"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="var(--el-color-primary)" />
        <stop
          offset="1"
          stop-color="var(--el-color-primary)"
          stop-opacity="0"
        />
      </linearGradient>
      <linearGradient
        id="paint3_linear_12777_163851"
        x1="150.5"
        y1="121"
        x2="150.5"
        y2="68"
        gradientUnits="userSpaceOnUse"
      >
        <stop />
        <stop
          offset="1"
          stop-color="var(--el-color-primary)"
          stop-opacity="0"
        />
      </linearGradient>
    </defs>
  </svg>
</template>
